<style type="text/css">
   	.line_info_title{
   		background-image: url(img/icon/booking_head_bg.png);
   		padding: 15px;
   		text-align:center;
   		font-size: 15px;
		color: #ffffff;
   	}
   	
   	.order_btns {
   		margin: 20px;
   	}
   	
   	.passenger-box {
   		margin: 15px 20px;
   		border: 1px solid #ccc;
   	}
   	
   	.passenger-box .input-label {
   		width: inherit;
   		font-size: 14px;
   	}
   	
   	.passenger-box .form-input {
   		border: 1px solid #e5e5e5;
   		padding-left:5px;
   		margin-right: 20px;
   	}
   	
   	.passenger-box .form-select {
   		border: 0;
   		padding-left:5px;
   		padding-top : 7px;
   		padding-bottom: 7px;
   		margin-right: 20px;
   		width: 100%;
   		text-align: right;
   		font-size: 14px;
   		color: #444;
   	}
   	
   	.passenger-box .form-select i.icon {
   		font-size: 20px;
   	}
   	
   	.passenger-box .item-icon-right.activated{
   		background-color: inherit;
   	}
   	
   	.passenger_plus {
   		display: block;
   		margin: 15px 20px;
   		padding:15px;
   		border: 1px solid #ccc;
   		text-align: center;
   		font-size: 40px;
   		color: #ccc;
   		text-decoration: none;
   	}
   	
   	.tip {
   		margin: 15px 20px;
   	}
   	
</style>
<ion-view title="{{line.lineName}}">
	<ion-nav-buttons side="left">
    	<button class="button button-clear icon ion-ios-arrow-back" ng-click="backGo()"></button>
    </ion-nav-buttons>
    <ion-content>
		<div class="list">
		  	<div class="passenger-box" ng-repeat = "passenger in order.passengers">
		  	    <div style="height: 20px;">
		  	       <a class="icon ion-android-cancel" style="float: right;padding: 0px 5px;font-size: 20px;color: #ccc;" href="javascript:void(0);" ng-click="removePassenger(passenger,$index)"></a>
		  	    </div>
		  		<div class="item-input" ng-if="line.lineType == '1'">
		  			<span class="input-label">乘客姓名：</span>
		  			<input class="form-input" placeholder="请输入乘客姓名" ng-model="passenger.name" type="text" maxlength="20" name="name"/>
		  		</div>
		  		<div class="item-input" ng-if="line.lineType == '2'">
		  			<span class="input-label">职工编号：</span>
		  			<input class="form-input" placeholder="请输入职工编号" ng-model="passenger.name" type="text" maxlength="20" name="name"/>
		  		</div>
		  		<div class="item-input">
		  			<span class="input-label">手机号码：</span>
		  			<input class="form-input" placeholder="请输入手机号码" ng-model="passenger.phone" type="text" maxlength="11" name="phone"/>
		  		</div>
		  		<div class="item-input">
		  			<span class="input-label">上车地点：</span>
		  			<a class="form-select item item-icon-right" href="javascript:;" ng-click="selectOnStop(passenger);">
					    <span class="order_item_field" ng-repeat="stop in onStops | filter:{id : passenger.onStopId}">
					    	{{stop.value || '-'}}
					    </span>
					    <i class="icon ion-ios-arrow-right"></i>
				  	</a>
		  		</div>
		  		<!-- <div class="item-input">
		  			<span class="input-label">下车地点：</span>
		  			<a class="form-select item item-icon-right" href="javascript:;" ng-click="selectOffStop(passenger);">
					    <span class="order_item_field" ng-repeat="stop in offStops | filter:{id : passenger.offStopId}">
					    	{{stop.value || '-'}}
					    </span>
					    <i class="icon ion-ios-arrow-right"></i>
				  	</a>
		  		</div> -->
		  	</div>
		  	
		  	<a class="passenger_plus" href="javascript:;" ng-click="addPassenger();">
				+
			</a>
			
		</div>
		
		
		
		<div class="order_btns">
			<button class="button button-block button-positive" ng-click="next()">
			  下一步
			</button>
		</div>
		
		
    </ion-content>
    <div class="optionsSelectAddressContainer"></div>
</ion-view>